/* stylelint-disable docusaurus/copyright-header */
/* @import './preflight.css'; */

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */


button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

 button,
 input { /* 1 */
   overflow: visible;
 }

 
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
 }
 
 /**
  * Remove the inner border and padding in Firefox.
  */
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
 /**
  * Restore the focus styles unset by the previous rule.
  */
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 

button {
  background-color: transparent;
  background-image: none;
  padding: 0;
  border: none;
  font-weight: bold;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button,
[role="button"] {
  cursor: pointer;
}

::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}


/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #FF7765;
  --ifm-color-primary-dark: hsl(7 85% 62%);
  --ifm-color-primary-darker: hsl(7 65% 52%);
  --ifm-color-primary-darkest: hsl(7 40% 42%);
  --ifm-color-primary-light: hsl(7deg 100% 76%);
  --ifm-color-primary-lighter: hsl(7deg 100% 82%);
  --ifm-color-primary-lightest: hsl(7deg 100% 90%);
  /* --ifm-color-primary-dark: rgb(33, 175, 144);
  --ifm-color-primary-darker: rgb(31, 165, 136);
  --ifm-color-primary-darkest: rgb(26, 136, 112);
  --ifm-color-primary-light: rgb(70, 203, 174);
  --ifm-color-primary-lighter: rgb(102, 212, 189);
  --ifm-color-primary-lightest: rgb(146, 224, 208); */
  --ifm-code-font-size: 95%;

  --ifm-link-color: var(--ifm-color-primary-dark);
  --ifm-menu-color-active: var(--ifm-link-color);
  --ifm-navbar-link-hover-color: var(--ifm-link-color);
}

html[data-theme='dark'] {
  --ifm-color-primary: #FF7765;
}

.docusaurus-highlight-code-line {
  background-color: hsl(228, 50%, 5%);

  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));

  padding: 0 var(--ifm-pre-padding);
}

.monaco-editor .contents {
  font-size: inherit;
  margin-bottom: inherit;
  padding-top: inherit;
  padding-bottom: inherit;
}

.code-table {
  --ifm-table-cell-padding: 2px;
  font-size: 0.875rem;
  display: table;
}
.text-sm { font-size: 0.875rem; }
.text-xs { font-size: 0.75rem; }
.limited-code-block > div {
  max-height: 35vh;
  overflow: auto;
  border-radius: 5px;
  font-size: var(--ifm-code-font-size);

}





/** baby tailwind */
:root {
  --border-color-default: #ddd;
}

.h-full { height: 100% }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-grow { flex-grow: 1;}
.flex-grow-0 { flex-grow: 0;}
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }

.grid { display: grid; }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.gap-2 { gap: 0.5rem; }
.col-auto { grid-column: auto; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }

.border-r { --border-color: var(--border-color-default); border-right: 1px solid var(--border-color); }

.p-0	{ padding: 0; }
.p-1	{ padding: 0.25rem; }
.p-2	{ padding: 0.5rem; }
.p-3	{ padding: 0.75rem; }
.p-4	{ padding: 1rem; }
.p-5	{ padding: 1.25rem; }
.p-6	{ padding: 1.5rem; }
.p-8	{ padding: 2rem; }
.p-10	{ padding: 2.5rem; }
.p-12	{ padding: 3rem; }
.p-16	{ padding: 4rem; }
.p-20	{ padding: 5rem; }
.p-24	{ padding: 6rem; }
.p-32	{ padding: 8rem; }
.p-40	{ padding: 10rem; }
.p-48	{ padding: 12rem; }
.p-56	{ padding: 14rem; }
.p-64	{ padding: 16rem; }
.p-px	{ padding: 1px; }
.py-0 {	padding-top: 0; padding-bottom: 0; }
.py-1 {	padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 {	padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 {	padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 {	padding-top: 1rem; padding-bottom: 1rem; }
.py-5 {	padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 {	padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 {	padding-top: 2rem; padding-bottom: 2rem; }
.py-10 {	padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 {	padding-top: 3rem; padding-bottom: 3rem; }
.py-16 {	padding-top: 4rem; padding-bottom: 4rem; }
.py-20 {	padding-top: 5rem; padding-bottom: 5rem; }
.py-24 {	padding-top: 6rem; padding-bottom: 6rem; }
.py-32 {	padding-top: 8rem; padding-bottom: 8rem; }
.py-40 {	padding-top: 10rem; padding-bottom: 10rem; }
.py-48 {	padding-top: 12rem; padding-bottom: 12rem; }
.py-56 {	padding-top: 14rem; padding-bottom: 14rem; }
.py-64 {	padding-top: 16rem; padding-bottom: 16rem; }
.py-px {	padding-top: 1px; padding-bottom: 1px; }
.px-0 {	padding-right: 0; padding-left: 0; }
.px-1 {	padding-right: 0.25rem; padding-left: 0.25rem; }
.px-2 {	padding-right: 0.5rem; padding-left: 0.5rem; }
.px-3 {	padding-right: 0.75rem; padding-left: 0.75rem; }
.px-4 {	padding-right: 1rem; padding-left: 1rem; }
.px-5 {	padding-right: 1.25rem; padding-left: 1.25rem; }
.px-6 {	padding-right: 1.5rem; padding-left: 1.5rem; }
.px-8 {	padding-right: 2rem; padding-left: 2rem; }
.px-10 {	padding-right: 2.5rem; padding-left: 2.5rem; }
.px-12 {	padding-right: 3rem; padding-left: 3rem; }
.px-16 {	padding-right: 4rem; padding-left: 4rem; }
.px-20 {	padding-right: 5rem; padding-left: 5rem; }
.px-24 {	padding-right: 6rem; padding-left: 6rem; }
.px-32 {	padding-right: 8rem; padding-left: 8rem; }
.px-40 {	padding-right: 10rem; padding-left: 10rem; }
.px-48 {	padding-right: 12rem; padding-left: 12rem; }
.px-56 {	padding-right: 14rem; padding-left: 14rem; }
.px-64 {	padding-right: 16rem; padding-left: 16rem; }
.px-px {	padding-right: 1px; padding-left: 1px; }

.m-0	{ margin: 0; }
.m-1	{ margin: 0.25rem; }
.m-2	{ margin: 0.5rem; }
.m-3	{ margin: 0.75rem; }
.m-4	{ margin: 1rem; }
.m-5	{ margin: 1.25rem; }
.m-6	{ margin: 1.5rem; }
.m-8	{ margin: 2rem; }
.m-10	{ margin: 2.5rem; }
.m-12	{ margin: 3rem; }
.m-16	{ margin: 4rem; }
.m-20	{ margin: 5rem; }
.m-24	{ margin: 6rem; }
.m-32	{ margin: 8rem; }
.m-40	{ margin: 10rem; }
.m-48	{ margin: 12rem; }
.m-56	{ margin: 14rem; }
.m-64	{ margin: 16rem; }
.m-px	{ margin: 1px; }
.my-0 {	margin-top: 0; margin-bottom: 0; }
.my-1 {	margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 {	margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 {	margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-4 {	margin-top: 1rem; margin-bottom: 1rem; }
.my-5 {	margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-6 {	margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-8 {	margin-top: 2rem; margin-bottom: 2rem; }
.my-10 {	margin-top: 2.5rem; margin-bottom: 2.5rem; }
.my-12 {	margin-top: 3rem; margin-bottom: 3rem; }
.my-16 {	margin-top: 4rem; margin-bottom: 4rem; }
.my-20 {	margin-top: 5rem; margin-bottom: 5rem; }
.my-24 {	margin-top: 6rem; margin-bottom: 6rem; }
.my-32 {	margin-top: 8rem; margin-bottom: 8rem; }
.my-40 {	margin-top: 10rem; margin-bottom: 10rem; }
.my-48 {	margin-top: 12rem; margin-bottom: 12rem; }
.my-56 {	margin-top: 14rem; margin-bottom: 14rem; }
.my-64 {	margin-top: 16rem; margin-bottom: 16rem; }
.my-px {	margin-top: 1px; margin-bottom: 1px; }
.mx-0 {	margin-right: 0; margin-left: 0; }
.mx-1 {	margin-right: 0.25rem; margin-left: 0.25rem; }
.mx-2 {	margin-right: 0.5rem; margin-left: 0.5rem; }
.-mx-2 {	margin-right: -0.5rem; margin-left: -0.5rem; }
.mx-3 {	margin-right: 0.75rem; margin-left: 0.75rem; }
.mx-4 {	margin-right: 1rem; margin-left: 1rem; }
.mx-5 {	margin-right: 1.25rem; margin-left: 1.25rem; }
.mx-6 {	margin-right: 1.5rem; margin-left: 1.5rem; }
.mx-8 {	margin-right: 2rem; margin-left: 2rem; }
.mx-10 {	margin-right: 2.5rem; margin-left: 2.5rem; }
.mx-12 {	margin-right: 3rem; margin-left: 3rem; }
.mx-16 {	margin-right: 4rem; margin-left: 4rem; }
.mx-20 {	margin-right: 5rem; margin-left: 5rem; }
.mx-24 {	margin-right: 6rem; margin-left: 6rem; }
.mx-32 {	margin-right: 8rem; margin-left: 8rem; }
.mx-40 {	margin-right: 10rem; margin-left: 10rem; }
.mx-48 {	margin-right: 12rem; margin-left: 12rem; }
.mx-56 {	margin-right: 14rem; margin-left: 14rem; }
.mx-64 {	margin-right: 16rem; margin-left: 16rem; }
.mx-px {	margin-right: 1px; margin-left: 1px; }

.mr-0 {	margin-right: 0; }
.mr-1 {	margin-right: 0.25rem; }
.mr-2 {	margin-right: 0.5rem; }
.mr-3 {	margin-right: 0.75rem; }
.mr-4 {	margin-right: 1rem; }
.mr-5 {	margin-right: 1.25rem; }
.mr-6 {	margin-right: 1.5rem; }
.mr-8 {	margin-right: 2rem; }
.mr-10 {	margin-right: 2.5rem; }
.mr-12 {	margin-right: 3rem; }
.mr-16 {	margin-right: 4rem; }
.mr-20 {	margin-right: 5rem; }
.mr-24 {	margin-right: 6rem; }
.mr-32 {	margin-right: 8rem; }
.mr-40 {	margin-right: 10rem; }
.mr-48 {	margin-right: 12rem; }
.mr-56 {	margin-right: 14rem; }
.mr-64 {	margin-right: 16rem; }
.mr-px {	margin-right: 1px; }

.ml-0 {	margin-left: 0; }
.ml-1 {	margin-left: 0.25rem; }
.ml-2 {	margin-left: 0.5rem; }
.ml-3 {	margin-left: 0.75rem; }
.ml-4 {	margin-left: 1rem; }
.ml-5 {	margin-left: 1.25rem; }
.ml-6 {	margin-left: 1.5rem; }
.ml-8 {	margin-left: 2rem; }
.ml-10 {	margin-left: 2.5rem; }
.ml-12 {	margin-left: 3rem; }
.ml-16 {	margin-left: 4rem; }
.ml-20 {	margin-left: 5rem; }
.ml-24 {	margin-left: 6rem; }
.ml-32 {	margin-left: 8rem; }
.ml-40 {	margin-left: 10rem; }
.ml-48 {	margin-left: 12rem; }
.ml-56 {	margin-left: 14rem; }
.ml-64 {	margin-left: 16rem; }
.ml-px {	margin-left: 1px; }

.mt-0 {	margin-top: 0; }
.mt-1 {	margin-top: 0.25rem; }
.mt-2 {	margin-top: 0.5rem; }
.mt-3 {	margin-top: 0.75rem; }
.mt-4 {	margin-top: 1rem; }
.mt-5 {	margin-top: 1.25rem; }
.mt-6 {	margin-top: 1.5rem; }
.mt-8 {	margin-top: 2rem; }
.mt-10 {	margin-top: 2.5rem; }
.mt-12 {	margin-top: 3rem; }
.mt-16 {	margin-top: 4rem; }
.mt-20 {	margin-top: 5rem; }
.mt-24 {	margin-top: 6rem; }
.mt-32 {	margin-top: 8rem; }
.mt-40 {	margin-top: 10rem; }
.mt-48 {	margin-top: 12rem; }
.mt-56 {	margin-top: 14rem; }
.mt-64 {	margin-top: 16rem; }
.mt-px {	margin-top: 1px; }

.mb-0 {	margin-bottom: 0; }
.mb-1 {	margin-bottom: 0.25rem; }
.mb-2 {	margin-bottom: 0.5rem; }
.mb-3 {	margin-bottom: 0.75rem; }
.mb-4 {	margin-bottom: 1rem; }
.mb-5 {	margin-bottom: 1.25rem; }
.mb-6 {	margin-bottom: 1.5rem; }
.mb-8 {	margin-bottom: 2rem; }
.mb-10 {	margin-bottom: 2.5rem; }
.mb-12 {	margin-bottom: 3rem; }
.mb-16 {	margin-bottom: 4rem; }
.mb-20 {	margin-bottom: 5rem; }
.mb-24 {	margin-bottom: 6rem; }
.mb-32 {	margin-bottom: 8rem; }
.mb-40 {	margin-bottom: 10rem; }
.mb-48 {	margin-bottom: 12rem; }
.mb-56 {	margin-bottom: 14rem; }
.mb-64 {	margin-bottom: 16rem; }
.mb-px {	margin-bottom: 1px; }

.mb-leading { margin-bottom: var(--ifm-leading); }

.divider {
  --divider-color: var(--border-color-default); 
  background: var(--divider-color);
  display: block;
  height: 1px;
}

.tabular-nums, .numeric, th, td {
  font-variant-numeric: tabular-nums;
}
th { text-align: left; }
.text-right { text-align: right; }
.data-type-number {
  text-align: right;
}

/* do not show headers below H2 in TOC. lazy hack for API page for now. TODO */
ul.table-of-contents > li > ul { display: none; }


/* try to match categories in sidebar and style differently from links to pages */
.menu__list-item > a:not([href]) {
  color: var(--ifm-color-emphasis-600);
  font-size: 0.82rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}


.hero--tidy {
  --ifm-hero-background-color: var(--ifm-background-color);
  --ifm-hero-text-color: var(--ifm-color-body);
}
html[data-theme="dark"] .hero--tidy {
  --ifm-hero-background-color: var(--ifm-background-color);
}